<template>
	<view class="register">
				<Title :txt="i18n.jxtcxx" :showback="true"></Title>
				<view class="white pt30 text--center">
					<view class="f28">
						{{order.money}}{{order.coin}}
					</view>
					<view class="f15 mt10 color-gray">
						{{i18n.cczl}}
					</view>
				</view>
				<view class="bgcc mt28 px15 py5 white f14">
					<view class="item">
						<view>
							{{i18n.ccsj}}
						</view>
						<view class="">
							{{order.createDate}}
						</view>
					</view>
					<navigator :url="'../my/equipdetail?id='+order.orderId" class="item">
						<view>
							{{i18n.ddh}}
						</view>
						<view class="color-theme">
							{{order.orderId}} >
						</view>
					</navigator>
					<view class="item">
						<view>
							{{i18n.sbmc}}
						</view>
						<view class="">
							{{order.name}}
						</view>
					</view>
					<view class="item">
						<view >
							{{i18n.bcwkcc}}
						</view>
						<view class="">
							{{order.money}}{{order.coin}} 
						</view>
					</view>
					<view class="item">
						<view>
							{{i18n.jxtcbl}}
						</view>
						<view class="">
							{{jsbili}}%
						</view>
					</view>
					<view class="item">
						<view>
							{{i18n.xdyh}}
						</view>
						<view class="">
							{{order.walletName}}
						</view>
					</view>
					
				</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				order:{}
			}
		},
		computed:{
			jsbili(){
				return (this.order.bili*100).toFixed(2)
			},
			i18n() {
				return this.$t('home');
			}
		},
		onLoad(options) {
			this.order = JSON.parse(options.hitem)
		}
		
	}
</script>

<style lang="less">
	.item{
		display: flex;
		padding:20rpx 0rpx;
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-left: auto;
		margin-right: auto;
	}
</style>



